<!DOCTYPE html>
<html>
<head>
<title>ASTS软件换装</title>
<meta charset="UTF-8">
<script src="../../jsplugin/jquery.min.js"></script>
<link rel="stylesheet" href="../../styles/css/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="../../styles/css/bootstrap-dialog.css">
<script type="text/javascript" src="../../jsplugin/bootstrap.min.js"></script>
<script src="../../jsplugin/bootstrap-dialog.js"></script>
<script src="../../common/myAlert.js"></script>
<style>
	body{
		font-size: 16px;
		background: rgb(12,27,46);
		font-family: "Microsoft YaHei";
	}
	#versionType{
		width:99%;
		height: 700px;
		padding: 20px;
	}
	#versionType #leftContent{
		width: 800px;
		height: 728px;
		float: left;
		overflow: auto;
		border: 2px solid #313A69;
	}
	#versionType #rightContent{
		width: 800px;
		height: 728px;
		float: left;
		overflow: auto;
		border: 2px solid #313A69;
	}
	#rightContent #content{
		padding: 10px;
	}
    #content .module{
		width: 100%;
    	color: #FFFFFF;
    	float: left;
    	padding:10px 5px 10px 5px;
    	margin-bottom: 15px;
    	border: 2px solid #313A69;
    	text-align: center;
	}
	#content .module div{
		display: inline-block;
	}
	#content .module .spans{
		display: inline-block;
    	width: 100px;
    	text-align: right;
	}
	#content .module span{
	    display: inline-block;
    	width: 100px;
    	vertical-align: top;
    	text-align: right;
	}
	#content .module h4{
		margin:5px;
	}
	#content .module select,#platform select{
		width: 275px;
		height: 34px;
		border-radius:3px;
		margin-left: 10px;
		margin-bottom: 5px;
		background: #161B2F;
    	border: 2px solid #7b7979;
    	outline:none;
    	color:#FFFFFF;
	}
	#btns{
		width: 200px;
    	margin: 0 auto;
	}
	#btns button,#seachVersion{
		width: 73px;
    	height: 30px;
    	background: #3b5f8e;
    	border: 1px solid #325C79;
    	color: #FFFFFF;
    	margin-right: 15px;
	}
	fieldset{
	border: 1px solid #585B7E;
    padding: 2px 0 0 0;
}
legend{padding:.2em;border:0;width:auto;margin-bottom:2px;font-size: 17px;color:white;}
#fileSetDiv{
width:120px;
 margin-top:-10px;
}
#fileSetDiv input{
	width: 17px;
	height: 17px;
	margin: 0;
	margin-left: 12px;
	vertical-align: middle;
	margin-bottom: 5px;
	display:inline-block;
}
#fileSetDiv  span{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
}
.progress{
    margin-bottom: -9px;
    width: 300px;
    height: 30px;
    background-color: #161B2F;
    line-height: 30px;
    font-size:12px;
    border: 2px solid #922828;
}
.progress-bar{
	line-height:30px;
}
.astsTitle{
	color:#ffffff;
}
.progressStatus{
	width: 100px;
    text-align: left;
    color: #ede4e4;
}
.progresstitle{
	display:block !important;
	text-align: center;
	margin-bottom: 10px
}

.title0{
	width:432px;
}
.title1{
	margin-left: 50px;
	width:300px;
}
.title2{
	margin-left: 50px;
	width:100px;
}
.statusmsg{
	margin-left:10px;
	margin-right:10px;
	color:#6f6060;
}
</style>
</head>
  <body>
    <div id="versionType">
    	<h4 class='astsTitle'>ASTS软件版本换装</h4>
    	<div id="platform" style="width:500px;height:30px;padding:5px;margin-left:125px;margin-bottom:15px;margin-top:0px;display:inline-block;"><span style="color:#fff;width:80px;text-align:middle">平台名称</span>
    	<select id="platformId"></select>
<!-- 	    		<button id="seachVersion" onclick="seachVersion()">查询</button> -->
    	 </div>
    		<div style="width:800px;height:1px;margin:0px auto;padding:0px;background-color:#313A69;overflow:hidden;">
    		</div>
    		<div id="content">
    		</div>
    		 <div id="btns">
	    		<button id="changeBtn" onclick="versionChange()">换装</button>
	    		<button id="reset" onclick="getVersionTypes()">重置</button>
    		</div>
    </div>
	<script type="text/javascript" src="../js/astsSoftwareChange.js"></script>
  </body>
</html>
